<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹性盒子模型</title>
    <link rel="stylesheet" type="text/css" href="css2.css">
</head>
<body>

<p>伸缩盒子（新---垂直排列）给宽度，高度就可以按比例分布--order排序</p>

<div class="content">

     <div class="frist">第一个</div>
     <div class="secend">第二个</div>
     <div class="three">第三个</div>

</div>

<hr/>
<p>伸缩盒子 （旧---水平排列）----不给宽度</p>
<div class="content2">

     <div class="frist2">第一个</div>
     <div class="secend2">第二个</div>
     <div class="three2">第三个</div>

</div>

</body>
</html>